<template>
    <div class="box">
        <el-card shadow="hover" class="business-login-card">
           <div>
               <el-tabs v-model="activeName" class="tabs" >
                   <el-tab-pane label="登陆" name="login">
                       <login/>
                   </el-tab-pane>
                   <el-tab-pane label="注册" name="registery">
                       <registery/>
                   </el-tab-pane>
               </el-tabs>
           </div>
        </el-card>

    </div>
</template>

<script setup>
import {ref} from "vue";
import Login from "@/views/login/businessLogin/component/login.vue";
import Registery from "@/views/login/businessLogin/component/registery.vue";
const activeName = ref('login')
</script>

<style scoped>
.box{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: url("@/assets/login.svg");
    background-repeat: no-repeat;

    overflow: hidden;
    background-size:cover;
}
.business-login-card{
    width: 25%;
    /*transform: translateY(-200px);*/
}
</style>